﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucDetails.ascx.cs" Inherits="UserControl_ucDetails" %>
<div id="left">
    <div class="left_l">
        <h2>
            Categories</h2>
        <ul>
            <li><a href="#">Live show Music</a></li>
            <li><a href="#">Live show Music</a></li>
            <li><a href="#">Live show Music</a></li>
            <li><a href="#">Live show Music</a></li>
            <li><a href="#">Live show Music</a></li>
            <li><a href="#">Live show Music</a></li>
        </ul>
    </div>
    <div class="left_l">
        <h2>
            Schedules</h2>
        <ul>
            <li><a href="#">Lệ Chi - 02.11.2012</a></li>
            <li><a href="#">Lâm Nhật Tiến - 02.11.2012</a></li>
            <li><a href="#">Lâm Thúy Vân - 02.11.2012</a></li>
        </ul>
    </div>
    <div class="left_l">
        <h2>
            News</h2>
        <div id="tickerContainer">
            <dl id="ticker" style="overflow: hidden;">
                <div style="margin-top: -48px;">
                    <dt class="heading">Live show Music</dt>
                    <dd class="text">
                        <a href="#">
                            <img src="images/slide3.jpg" width="80" height="100" /></a>
                        <div class="s_r">
                            I'm a paragraph. Click here to add your own text and edit me...<br />
                            <a href="#">View Details</a>
                        </div>
                    </dd>
                </div>
                <div style="margin-top: 0px;">
                    <dt class="heading">Live show Music</dt>
                    <dd class="text">
                        <a href="#">
                            <img src="images/slide2.jpg" width="80" height="100" /></a>
                        <div class="s_r">
                            I'm a paragraph. Click here to add your own text and edit me...<br />
                            <a href="#">View Details</a>
                        </div>
                    </dd>
                </div>
                <div style="margin-top: 0px;">
                    <dt class="heading">Live show Music</dt>
                    <dd class="text">
                        <a href="#">
                            <img src="images/slide1.jpg" width="80" height="100" /></a>
                        <div class="s_r">
                            I'm paragraph. Click here to add your own text and edit me...<br />
                            <a href="#">View Details</a>
                        </div>
                    </dd>
                </div>
                <div style="margin-top: 0px;">
                    <dt class="heading">Live show Music</dt>
                    <dd class="text">
                        <a href="#">
                            <img src="images/slide3.jpg" width="80" height="100" /></a>
                        <div class="s_r">
                            I'm a paragraph. Click here to add your own text and edit me...<br />
                            <a href="#">View Details</a>
                        </div>
                    </dd>
                </div>
                <div style="margin-top: 0px;">
                    <dt class="heading">Live show Music</dt>
                    <dd class="text">
                        <a href="#">
                            <img src="images/slide1.jpg" width="80" height="100" /></a>
                        <div class="s_r">
                            I'm a paragraph. Click here to add your own text and edit me...<br />
                            <a href="#">View Details</a>
                        </div>
                    </dd>
                </div>
                <div style="margin-top: 0px;">
                    <dt class="heading">Live show Music</dt>
                    <dd class="text">
                        <a href="#">
                            <img src="images/slide2.jpg" width="80" height="100" /></a>
                        <div class="s_r">
                            I'm a paragraph. Click here to add your own text and edit me...<br />
                            <a href="#">View Details</a>
                        </div>
                    </dd>
                </div>
            </dl>
        </div>

        <script type="text/javascript">
	  $(function() {
	  
		//cache the ticker
		var ticker = $("#ticker");
		  
		//wrap dt:dd pairs in divs
		ticker.children().filter("dt").each(function() {
		  
		  var dt = $(this),
		    container = $("<div>");
		  
		  dt.next().appendTo(container);
		  dt.prependTo(container);
		  
		  container.appendTo(ticker);
		});
				
		//hide the scrollbar
		ticker.css("overflow", "hidden");
		
		//animator function
		function animator(currentItem) {
		    
		  //work out new anim duration
		  var distance = currentItem.height();
			duration = (distance + parseInt(currentItem.css("marginTop"))) / 0.025;

		  //animate the first child of the ticker
		  currentItem.animate({ marginTop: -distance }, duration, "linear", function() {
		    
			//move current item to the bottom
			currentItem.appendTo(currentItem.parent()).css("marginTop", 0);

			//recurse
			animator(currentItem.parent().children(":first"));
		  }); 
		};
		
		//start the ticker
		animator(ticker.children(":first"));
				
		//set mouseenter
		ticker.mouseenter(function() {
		  
		  //stop current animation
		  ticker.children().stop();
		  
		});
		
		//set mouseleave
		ticker.mouseleave(function() {
		          
          //resume animation
		  animator(ticker.children(":first"));
		  
		});
	  });
        </script>

    </div>
</div>
<div id="right">
    <h1 style="padding-left: 40px;">
        Live Show</h1>
    <div class="show">
        <div style="overflow: hidden">
            <div class="r_l">
                <div align="center" id="preview">
                    <ul>
                        <li><a rel="lightbox-mygallery" title=" images1" href="images/Yeu.jpg">
                            <img src="images/Yeu_nho.jpg" alt="Image 01" /></a></li>
                    </ul>
                </div>
            </div>
            <div class="r_r">
                <h3>
                    About Live Show Dạ Vũ đặc biệt YÊU</h3>
                <p>
                    Đêm ca nhạc huyền diệu cho tình yêu, nơi mà quý khán giả được thả hồn mình vào vũ
                    khúc đắm say của Tình Yêu- nguồn sống con người; là lời tri ân sâu sắc của các nghệ
                    sĩ hải ngoại gửi đến người yêu nhạc trong nước.
                </p>
                <p>
                    Live Show Dạ Vũ đặc biệt YÊU - ca sĩ hải ngoại
                </p>
                <p>
                    Ca sĩ: Lâm Thúy Vân - Lâm Nhật Tiến - Lệ Chi</p>
                <p>
                    7:30pm Ngày thứ sáu 02.11.2012 tại Golden Harvest Restaurant</p>
                <p>
                    MC Nguyễn Cao Kỳ Duyên</p>
                <p>
                    Khách mời Đàm Vĩnh Hưng<br />
                    Đơn vị bảo trợ: Golden Harvest Restaurant</p>
                <p>
                    Đơn vị sản xuất: Công ty Hữu Nghị Á Châu Phối hợp cùng Công ty CP Giới thiệu Văn
                    hóa Nghệ Thuật Đông Đô và Công Ty CP Interbrand Việt Nam
                </p>
                <p>
                    Giám đốc sản xuất: Mr Tho</p>
                <p>
                    Tổng đạo diễn: Mr.Lego</p>
            </div>
        </div>
        <div class="br">
        </div>
        <div class="chitiet">
            <div class="ct1">
                <h3>
                    Lâm Thúy Vân</h3>
                <p>
                    1. Cỏ Úa
                </p>
                <p>
                    2. Anh Là Tia Nắng Trong Em</p>
                <p>
                    3. Điệp Khúc Buồn</p>
                <p>
                    4. Tình Yêu
                </p>
                <p>
                    5. Vì Đó Là Em</p>
                <p>
                    6. Khi Ta Xa Rời Nhau</p>
                <p>
                    7. Như Là tình Yêu</p>
                <p>
                    8. Một Nửa Đời Em</p>
                <p>
                    9.Một Thời Đã Xa</p>
                <p>
                    10.Nếu Một Ngày
                </p>
            </div>
            <div class="ct2">
                <h3>
                    Lâm Nhật Tiến</h3>
                <p>
                    1. Anh vẫn đợi em</p>
                <p>
                    2. Chuyện tình</p>
                <p>
                    3. Dòng đời</p>
                <p>
                    4. Không cần thiết chi tình anh</p>
                <p>
                    5. Liên khúc những nấm mồ hoang</p>
                <p>
                    6. Một cõi vô vọng</p>
                <p>
                    7. Một mai</p>
                <p>
                    8. Nói với tôi một lời</p>
                <p>
                    9. Thiên thai</p>
                <p>
                    10. Trái tim phục sinh</p>
            </div>
            <div class="ct3">
                <h3>
                    Lệ Chi</h3>
                <p>
                    1. Tiễn người đi</p>
                <p>
                    2. Xót xa</p>
                <p>
                    3. Yêu lầm</p>
                <p>
                    4. Tủi phận</p>
                <p>
                    5. Lỡ yêu mình anh</p>
                <p>
                    6. Thiệp hồng báo tin</p>
                <p>
                    7. Tâm sự với anh</p>
                <p>
                    8. Hoa tím ngày xưa</p>
                <p>
                    9.Hoa mười giờ</p>
                <p>
                    10. Từ khi vắng anh
                </p>
            </div>
        </div>
        <div class="br">
        </div>
        <div class="map">
            Map</div>
    </div>
</div>
